<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../../resources/js-test.js"></script>
</head>
<body>
<p id="description"></p>
<div id="console"></div>
<script>
description('This test that setting HTMLSelectElement.length respects optgroups.');

var wrapper = document.createElement('div');
document.body.appendChild(wrapper);
wrapper.innerHTML = '<select id="theSelect">'+
                    '<optgroup label="foo" id="theOptGroup">'+
                    '<option id="optionInGroup"></option>'+
                    '</optgroup>'+
                    '</select>';

var sel = document.getElementById('theSelect');
shouldBe('sel.length', '1');

var og = document.getElementById('theOptGroup');

sel.length = 2;
shouldBe('sel.length', '2');
shouldBe('og.childElementCount', '1');

sel.length = 1;
shouldBe('sel.length', '1');
shouldBe('og.childElementCount', '1');

sel.insertBefore(document.createElement('option'), og);

sel.length = 1;
shouldBe('sel.length', '1');
shouldBe('og.childElementCount', '0');
</script>
</body>
</html>
